/*引用reset*/
@import url("reset.scss");
@import url("animation.scss");
html {
  width: 100%;
  overflow-x: hidden;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 微软雅黑,
    'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
  font-variant: tabular-nums;
  background-color: var(--c-bg);
  margin: 0;
  font-size: 14px;
	line-height: 25px;
}

// 滚动条美化
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-thumb {
  background-color: #374151;
  border-radius: 4px;
  &:hover {
    background-color: #1f2937;
  }
}
::-webkit-scrollbar-track {
  background-color: #6b7280;
  border-radius: 4px;
}
a {
	color: #1d1717;
}
a:hover {
	color: #000;
}
a:visited {
	color: none;
}
a:active {
	color: none;
}
.g-bd {
	overflow: hidden;
	padding: 30px 0;
}
#bd {
	overflow: hidden;
	min-height: 500px;
}
.clear {
	clear: both;
}
.layout-home .block .block-head, .col-main .block .block-head {
	border-bottom: 3px solid #0c6db1;
}
.layout-home .block .block-head .title, .col-main .block .block-head .title {
	border-bottom: 3px solid #faa905;
}
.transparent_60 {
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
.transparent_0 {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.test {
	font-size: 18px;
}

/*顶部导航*/
.g-head {
width: 100%;
position: fixed;
z-index: 9999;
}
.ydsz_nav {
	padding: 10px 20px;
	background-color: rgba(0, 0, 0, 0.2);
	transition: background-color 0.5s ease;
}

/*导航菜单*/
.nav:not(:last-child) {
	margin-right: 10px;
}
.nav:hover {
	content: '';
	border-bottom: 2px solid white;
	.nLi {
		font-weight: bolder;
	}
}
.nav .nLi {
	font-size: 14px;
}
.on {
	border-bottom: 2px solid white;
	font-weight: bolder;
}

/* 共通幻灯片 */
.focusBox {
	margin: 0 auto !important;
	width: 100%;
	overflow: hidden;
	top: 45%;
}
.focusBox .prev, .focusBox .next {
	width: 42px;
	height: 42px;
}
.focusBox .prev {
	background: url(@/assets/images/tl04.png) no-repeat;
	left: 15%;
}
.focusBox .next {
	background: url(@/assets/images/tl05.png) no-repeat;
	left: 75%;
}

/* 共通content部分 */
.nei_ctbox{
	width:1110px;
	margin:30px auto 50px auto;
	display: flex;
	justify-content: space-between;
}
.nei_leftfl{
	width:190px;
	height: 100%;
	background:#f9f9f9;
	border:1px dashed #dcdcdc;
}
.nei_left_title, .nei_left_title_contact{
	text-align:center;
	line-height:50px;
	height:50px;
	font-size:18px;
	color:#fff;
	background:#000;
}
.nei_left_list{
	margin:20px 10px;
}
.nei_left_list .list-items{
	width:100%;
	line-height:40px;
	border-radius:5px;
	margin-top:10px;
	&:hover {
		color: #fe8141;
	}
	&.active {
		color: #fe8141;
		box-shadow: 2px 2px 3px #fe8141;
	}
}
.nei_left_contact{
	height:auto;
	margin:0 10px;
	margin-top:15px;
}
.nei_left_contact p{
	line-height:18px;
	color:#000;
	margin-top:10px;
	b, span{
		font-size:12px;
	}
}
.nei_rightcon{
	width:885px;
}
.nei_right_title{
	width:883px;
	height:50px;
	border:1px #d9d9d9 solid;
	border-radius:3px;
	display: flex;
	align-items: center;
}
.nei_right_title h3, .crumbInfo h3{
	font-size:12px;
	color:#9b9b9b;
	padding-left:15px;
}

/* 首页内容展示 */
.g-case {
	width: 100%;
	height: auto;
	display: flex;
	.intro {
		width: 50%;
		height: 430px;
    background-color: #f3efe8;
		background-image: url(@/assets/images/home/content_bg.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-position-y: 80px;
    position: relative;
		.intro-title {
			position: absolute;
			width: 100%;
			bottom: 55px;
			padding: 0 30px;
			text-align: center;
			> h1 {
				font-size: 25px;
				margin-bottom: 15px;
			}
			> p {
				color: rgb(192, 126, 92);
				font-size: 16px;
				font-weight: bolder;
			}
		}
	}
	.news {
		height: 430px;
		flex-grow: 1;
    background-color: #f9f7f3;
		padding: 35px 60px;
		.title {
			font-size: 26px;
			text-align: center;
			margin-bottom: 25px;
		}
		.news-item {
			border-bottom: 1px dotted rgba(170, 170, 170, 0.4);
			padding: 10px 0;
			font-size: 16px;
			.time {
				font-size: 14px;
				color: #666;
			}
		}
		.news-btn {
			display: block;
			border-radius: 3px;
			margin: 30px auto 0;
			font-size: 16px;
			line-height: 45px;
			height: 45px;
			width: 180px;
			letter-spacing: 2px;
			text-align: center;
			background-color: #c07e5c;
			color: #fff;
			&:hover {
				font-weight: bolder;
				background-color: #ad902a;
			}
		}
	}
}

/* 首页蛋糕列表展示 */
.cake-content {
	width: 100%;
	height: 610px;
	background-color: #fff;
}
.jj_bt {
	padding-top: 60px;
	font-size: 45px;
	font-weight: bolder;
	letter-spacing: 10px;
	text-align: center;
	color: #c07e5c;
}
.picMarquee-left {
	width: 1200px;
	position: relative;
	margin: 40px auto;
}
.picMarquee-left .hd {
	overflow: hidden;
}
.picMarquee-left .hd .prev, .picMarquee-left .hd .next {
	display: block;
	width: 42px;
	height: 42px;
	top: 40%;
	position: absolute;
}
.picMarquee-left .hd .prev {
	background: url(@/assets/images/tl04.png) no-repeat;
	left: -8%;
}
.picMarquee-left .hd .next {
	background: url(@/assets/images/tl05.png) no-repeat;
	right: -8%;
}
.picMarquee-left .bd .image-slider {
	overflow: hidden;
	zoom: 1;
	display: flex;
}
.picMarquee-left .bd .image-slider .image-slider-container {
	margin: 30px 10px;
	width: 280px;
	height: 300px;
	cursor: pointer;
}
.picMarquee-left .bd .image-slider .image-slider-container img {
	width: 280px;
	height: 250px;
	display: block;
}
.picMarquee-left .bd .image-slider .image-slider-container .title1 {
	width: 280px;
	height: 47px;
	line-height: 47px;
	text-align: center;
	color: #fff;
	font-size: 14px;
}
.picMarquee-left .bd .image-slider .image-slider-container:hover .title1 {
	background: #f3efe8;
	color: black;
}
.more1 {
	display: block;
	border-radius: 3px;
	margin: 30px auto 0;
	font-size: 16px;
	line-height: 45px;
	height: 45px;
	width: 180px;
	letter-spacing: 2px;
	text-align: center;
	background-color: #c07e5c;
	color: #fff;
	&:hover {
		color: #fff;
		font-weight: bolder;
		background-color: #ad902a;
	}
}

/* 首页精品 */
.fine-products {
	width: 970px;
	padding: 0 15px;
  margin: 30px auto;
	.content {
		display: flex;
		margin: 0 -15px 20px;
		.content-left {
			width: 50%;
			padding: 0 15px;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			.title {
				padding: 25px;
				font-size: 16px;
				> h2 {
					font-size: 26px;
					margin-bottom: 25px;
				}
				> p {
					white-space: pre-wrap;
				}
			}
			.img-content {
				overflow: hidden;
				> img {
					width: 100%;
					transition: all 0.6s;
					cursor: pointer;
					&:hover {
						transform: scale(1.1);
					}
				}
			}
		}
		.content-right {
			width: 50%;
			padding: 0 15px;
			.top {
				display: flex;
				justify-content: space-between;
				margin-bottom: 20px;
				overflow: hidden;
				> img {
					width: 200px;
					transition: all 0.6s;
					cursor: pointer;
					&:hover {
						transform: scale(1.1);
					}
				}
			}
			.below {
				overflow: hidden;
				> img {
					width: 100%;
					transition: all 0.6s;
					cursor: pointer;
					&:hover {
						transform: scale(1.1);
					}
				}
			}
		}
	}
}

/* 首页商品 */
.commodity {
	max-width: 100%;
	margin: 0 auto;
	background-color: #fff;
	.commodity-title {
		padding-top: 60px;
		font-size: 45px;
		font-weight: bolder;
		letter-spacing: 10px;
		text-align: center;
		color: #c07e5c;
	}
	.commodity-list {
		margin: 35px 25px;
		display: flex;
		flex-wrap: wrap;
		.commodity-items {
			width: 260px;
			margin: 15px;
			.item-img {
				height: 260px;
				overflow: hidden;
				margin-bottom: 10px;
				> img {
					width: 100%;
					transition: all 0.6s;
					&:hover {
						transform: scale(1.3);
					}
				}
			}
			.title {
				font-size: 16px;
				min-height: 50px;
			}
			.price {
				color: #cea461;
				font-weight: bolder;
			}
		}
	}
	.commodity-more {
		text-align: center;
		> svg {
			cursor: pointer;
		}
	}
}

/* 底部部分 */
.dibu {
	color: black;
	background-color: #f6f6f6;
}
.dibu1 {
	padding: 20px;
	.left {
		text-align: center;
	}
	.right {
		display: flex;
		justify-content: space-evenly;
	}
}

/* 关于我们列表 */
.nei_right_list{
	margin-top:10px;
	border:1px #d9d9d9 solid;
}
.nei_rt_gy_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	.my-card {
		margin: 20px;
		color: #666;
		width: 250px;
		cursor: pointer;
		&:hover {
			color: black;
		}
	}
}

/* 内页公共详情 */
.neiInfo_box{
	max-width:1110px;
	height:auto;
	min-height:650px;
	margin:50px auto;
	background:#f9f9f9;
}
.neiInfo_title{
	height:55px;
	background:#eee;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.neiInfo_title h4{
	color:#000;
	font-size:16px;
	margin-left: 30px;
}
.neiInfo_title .crumbInfo{
	margin-right:20px;
	display: flex;
	align-items: center;
}
.neiCon{
	padding:28px;
}
.neiCon h3{
	font-size:18px;
	margin-bottom:10px;
	font-weight:normal;
	text-align:center;
}
.neiCon .Info{
	background:#f5f5f5;
	line-height:30px;
	font-size:12px;
	color:#888;
	text-align:center;
}
.neiCon .Info span{
	padding-right:20px;
}
.neiCon .newsConBox{
	padding-top:20px;
}
.neiCon .newsConBox .newsConBox-title{
	color:#777;
	font-size: 18px;
	font-weight: bolder;
	margin-bottom: 10px;
}
.neiCon .newsConBox p{
	color:#777;
	text-indent:2em;
	margin-bottom: 10px;
}
.neiCon .newsConBox p span {
	display: block;
	text-indent: 4em;
}
.honor_title {
	font-size: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bolder;
	color: #fe8141;
	text-indent: 2rem;
}
.honor_introduction {
	text-indent: 2rem;
}

/* 事件荣誉 */
.event-honor-card {
	width: 100%;
}
.report-list {
	&:not(:first-child) {
		margin-top: 25px;
	}
	img {
		max-width: 8em;
	}
	.report-list-title {
		color: #9a9a9a;
		cursor: pointer;
		&:hover {
			color: black;
		}
		h4 {
			font-size: 18px;
		}
		p {
			display: flex;
			justify-content: space-between;
		}
	}
}

/* 新闻动态 */
.activity-alert-box {
	padding: 30px;
	.content {
		display: flex;
		padding: 30px 0;
		border-bottom: 1px solid #ddd;
		.time {
			width: 65px;
			background-color: #383B3F;
			text-align: center;
			padding: 8px 10px;
			margin-right: 50px;
			color: #fff;
			font-weight: bolder;
			> h2 {
				font-size: 25px;
				line-height: 25px;
			}
			> span, p {
				font-size: 12px;
				line-height: 20px;
				border-top: 1px solid #fff;
			}
		}
		.message-item {
			display: flex;
			flex: 1;
			justify-content: space-between;
			align-items: center;
			.title {
				> h2 {
					font-weight: bolder;
					font-size: 16px;
				}
			}
			.to-detail {
				width: 28px;
				height: 28px;
				display: block;
				text-indent: 7px;
				border-radius: 50%;
				border: 1px solid #999;
				color: #999;
				font-size: 20px;
				&:hover {
					background: #383B3F;
					color: #fff;
					border: 1px solid #383B3F;
				}
			}
		}
	}
}

/* 人才招聘 */
.nei_job_tw_list{
	margin:15px auto;
}
.nei_job_tw_list .clearfix li{
	border-bottom: 1px solid #e2e2e2; 
	height: 60px;
	margin:10px 30px;
}
.nei_job_tw_list .clearfix li .tw_name{
	line-height:60px;
	text-align:center;
	display: block;
	color: #9a9a9a;
	&:hover{
		box-shadow: 2px 2px 3px #fe8141;
		color: #000;
	}
}
.nei_job_tw_list .clearfix li .tw_name span{
	padding: 0 50px;
}